<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="../lvyoule_11_10/daohang/jquery-1.3.2.js"></script>
    <style>
    body{ margin:0px auto; font: 12px/20px Arial,sans-serif;}
    img{ border:none}
    div,h1,h2,h3,h4,p,form,label,input,textarea,img,span{margin:0;padding:0;}ul,li{list-style:none;padding:0;margin:0;}img{border:none;}
    .csc_top{background:#2e9900;width:100%;height:45px; margin: 0 auto 0px;;position:relative;z-index:101;}
    .shead_left{ width:1200px; margin:0px  auto;}
    .slideMenu{height:38px;}
    .search{ background:url(../lvyoule_11_10/daohang/input.png) left; font-size:11pt; line-height:30px\9; _line-height:29px;vertical-align:middle; padding-left:7px; width:200px; height:30px; border:0;}
    .search_btn{ background:url(../lvyoule_11_10/daohang/input.png) right; font-size:11pt; line-height:30px\9; _line-height:29px;vertical-align:middle; padding-left:7px; width:35px; height:30px; border:0; cursor:pointer}
    li.current a{color: #FFFFFF;cursor:pointer;}
    li.current a:hover{color: #FFFFFF;cursor:pointer;}
    .lavaLampWithImage3 li a:hover,.lavaLampWithImage3 li a:active{border:none;color: #FFFFFF;text-decoration:none;}
    .lavaLampWithImage3 .sep{padding-top:11px;font-size:10px;color:#aeadad;float:left;height:20px;border-top:none;}
    .lavaLampWithImage3{position:relative;height:28px;float:left;}
    .lavaLampWithImage3 .current{color: #FFFFFF; font-weight:bold; font-size:14px;}
    .lavaLampWithImage3 .current a{color: #FFFFFF;}
    .lavaLampWithImage3 li{float:left;list-style:none;padding-bottom:11px;}
    .lavaLampWithImage3 li.back{background:url(../lvyoule_11_10/daohang/b_slider.gif) center bottom no-repeat;width:120px;height:28px;z-index:8;position:absolute;}
    .lavaLampWithImage3 li a{font:bold 15px arial;text-decoration:none;color: #FFFFFF;outline:none;text-align:center;top:6px;letter-spacing:0;z-index:10;display:block;float:left;height:28px;position:relative;overflow:hidden;padding:5px 20px 0 17px;font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif,"微软雅黑";font-weight:bold;font-size:15px;}
    </style>
    <!--	<script type="text/javascript" src="MZPub-CSC-0121.js"></script>-->
    <!--引入vue.js库-->
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> -->
    <script src="/js/vue.js"></script>
    <!-- element-ui引入样式 -->
    <link rel="stylesheet" href="/css/index.css">
    <!-- element-ui引入组件库 -->
    <script src="/js/index.js"></script>
    <!--引入axios库-->
    <!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
    <script src="/js/axios.min.js"></script>
<style>
    .bb{
        postiton: absolute;
        left: -6px;
    }
</style>
</head>
<body>
<!--<div class="csc_top">-->
<!--	<div class="shead_left">-->
<!--	  <ul  id="1" class="lavaLampWithImage3">	  	-->
<!--		  <li class="current"><a href="../indexshiyan.html" style="padding: 7px 30px 0;" target="_blank">首页</a></li>-->
<!--		  <li ><a href="../yuding/yuding.html" style="padding: 7px 30px 0;" target="_blank">门票预订</a></li>-->
<!--		  <li ><a href="../zixun/zixun.html" style="padding: 7px 30px 0;" target="_blank">景区资讯</a></li>-->
<!--		  <li ><a href="../gongluelist/gonglue.html" style="padding: 7px 30px 0;" target="_blank">游玩攻略</a></li>-->
<!--	  </ul>	-->
<!--			 <div style="float:right;">-->
<!--				<li  style="margin-top:7px; margin-right:20px;">-->
<!--					<input class="search" type="text"><input class="search_btn"  type="button" onclick="window.open('../menpiao.html')" >									                 </li>-->
<!--			</div>-->
<!--	</div>-->
<!--	-->
<!--	-->
<!--</div>-->
<div id="app" class="csc_top">
    <el-menu
            :default-active="activeIndex2"
            class="el-menu-demo"
            mode="horizontal"
            @select="handleSelect"
            background-color="#2e9900"
            text-color="#fff"
            active-text-color="#ffd04b"
    >
        <el-menu-item index="0" disabled>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</el-menu-item>
        <el-menu-item class="bb" index="1">首页</el-menu-item>
            <el-menu-item index="2">门票预定</el-menu-item>
            <el-menu-item index="3">景区咨询</el-menu-item>
            <el-menu-item index="4"><a href="" target="_blank">游玩攻略</a></el-menu-item>
            <el-menu-item index="5">
                <el-input v-model="input" placeholder="请输入内容"></el-input>
                <el-button type="info">搜索</el-button>
            </el-menu-item>
    </el-menu>
</div>

<script>
    var vue = new Vue({
        el: "#app",
        data() {
            return {
                input: '',
                activeIndex: '1',
                activeIndex2: '1'
            };
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    })
</script>

</body>
</html>